.calendarPacking {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 20px 0;
}
//日历头部
.calendarPacking-header {
  position: fixed;
  left: 0px;
  .header-title {
    //头部标题
    font-size: 32px;
    font-family: PingFangSC-Semibold;
    font-weight: bold;
    color: rgba(27, 27, 27, 1);
  }
  .week-container {
    width: 100vw;
    height: 60px;
    background: rgba(249, 249, 249, 1);
    border-radius: 30px;
    .week-cell {
      width: 14.28vw;
      text-align: center;
      line-height: 60px;
      font-size: 30px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: rgba(66, 66, 66, 1);
    }
  }
}
//日历内容
.calendarPacking-content {
  margin: 120px 0;
  .content-header {
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
    font-size: 30px;
    font-family: SourceHanSansSC-Medium;
    font-weight: bold;
    color: rgba(27, 27, 27, 1);
  }
  .data-container {
    flex-wrap: wrap;
    width: 100vw;
    .cell-data {
      background: #fff;
      width: 14.28vw;
      height: 120px;
      text-align: center;
      font-family: SourceHanSansSC-Medium;
      font-weight: bold;
      color: rgba(66, 66, 66, 1);
      .cell-rz {
        width: 100%;
        padding: 44px 0;
        max-height: 120px;
        .cell-title {
          font-size: 32px;
          font-family: SourceHanSansSC-Normal;
          font-weight: bold;
        }
        .cell-tip {
          margin-top: 15px;
          font-size: 24px;
          font-family: SourceHanSansSC-Normal;
          font-weight: 400;
        }
      }
    }
    .rzActive {
      width: 105px;
      height: 90px;
      background: #22b965;
      border-radius: 10px;
      font-size: 32px;
      font-family: SourceHanSansSC-Medium;
      font-weight: bold;
      color: rgba(255, 254, 254, 1);
    }
    .noActive {
      width: 105px;
      height: 90px;
      border-radius: 10px;
      font-size: 32px;
      font-family: SourceHanSansSC-Regular;
      font-weight: 400;
      color: rgba(202, 202, 202, 1);
    }
    .betweenActive {
      width: 105px;
      height: 90px;
      background: #d3f1e0;
      font-size: 32px;
      font-family: SourceHanSansSC-Medium;
      font-weight: bold;
      color: #22b965;
    }
  }
}
//确定按钮
.calendarPacking-footer {
  position: fixed;
  bottom: 3%;
  left: 50%;
  transform: translate(-50%, -3%);
  z-index: 10;
  width: 600px;
  height: 88px;
  background: linear-gradient(
    140deg,
    rgba(34, 185, 101, 1),
    rgba(43, 210, 133, 1)
  );
  border-radius: 44px;
  line-height: 88px;
  text-align: center;
  font-size: 32px;
  font-family: PingFangSC-Medium;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
}
